.ssy-page-default {
    .page-list {
        padding-left: 0;
        list-style: none;
        &::after {
          display: block;
          clear: both;
          content: "";
        }
        .page-item {
            display: block;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            width: 50%;
        }
    }
    .item-up {
        float: left;
        text-align: left;
    }
    .item-down {
        float: right;
        text-align: right;
    }
}


@media (max-width: 575.98px) {
    .ssy-page-default {
        .page-list {
            .page-item {
                width: 100%;
            }
        }
        .item-up {
            float: none;
            text-align: left;
        }
        .item-down {
            float: none;
            text-align: left;
        }
    }

}
